﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="login.aspx.cs" Inherits="PeisongWeb.admin.login" %>

<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>后台登录 - 采购配送系统</title>
   <style type="text/css">
   body{margin:0; padding:0; font-size:9pt;}
.login{margin:auto; width:975px; height:368px; margin-top:120px;}
.top{width:945px; height:84px; background:url(../app_common/images/topbg.jpg);margin-bottom:10px;border-width:1px;  border-color:#9C9B9B; border-style:solid;}
.top_left{width:691px; height:89px; float:left;}

.center_left{width:690px; height:296px; background:url(../app_common/images/keji.jpg); float:left;margin-right:10px;border-width:1px;  border-color:#9C9B9B; border-style:solid;}
.center_top{width:248px; height:89px; background:url(../app_common/images/login_top.png); float:left;}
.center_middle{width:248px; height:200px; float:left; background:url(../app_common/images/login_middle.gif) repeat-y;}
.center_bottom{width:248px; height:10px; background:url(../app_common/images/login_button.png); float:left;}

.bottom{width:945px;height:38px;margin-top:20px;background-color:#E3E3E3;border-width:1px;  border-color:#9C9B9B; border-style:solid;}
.bottom_left{width:113px; height:38px; float:left; background:url(../app_common/images/bottom_left.png);}
.bottom_left div{font-size:16px; font-weight:bolder; color:#2B7DAD; margin-left:17px; margin-top:10px;}
.bottom_right{ margin-left:17px; margin-top:10px;}

.user{ margin-left:40px; margin-top:10px; height:25px;}
.password{margin-left:40px; margin-top:30px; height:25px;}
.text{width:120px; height:18px; border:solid 1px #aca7a7; font-size:9pt;}
.validate{margin-left:40px;color:Red;display:none;}
.login_btn{margin-left:20px; margin-top:40px;height:25px; margin-right:28px; text-align:center;}
.btn {width:65px; float:left; margin-left:15px; text-decoration:none; color:#000;}
   </style>
    <script src="/app_common/scripts/jquery-cn.js" type="text/javascript"></script>

    <script type="text/javascript">
        function OnEnterSubmit(field, e) {
            if (e.getKey() == Ext.EventObject.ENTER) {
                $('#btnLogin').trigger('click');
            }
        }

        function ValidateForm() {
            if ($("#txtUsername").val() == "") {
                $("#validate_user").show();
                return false;
            }
            else {
                $("#validate_user").hide();
            }
            if ($("#txtPassword").val() == "") {
                $("#validate_pwd").show();
                return false;
            }
            else {
                $("#validate_pwd").hide();
            }
            return true;
        }

        function ClearForm() {
            $("#txtUsername").val("");
            $("#txtPassword").val("");
            $("#validate_user").hide();
            $("#validate_pwd").hide();
         }
        
    </script>

</head>
<body>
    <form id="form1" runat="server">
     <div class="login">
      <div id="top">
            <div class="top">
             logo</div>
        </div>
        <div id="center">
            <div class="center_left">
            </div>
             <div class="center_top">
            </div>
            <div class="center_middle">
                <div class="user">
                    用 户
                    <input runat="server" type="text" name="txtUsername" id="txtUsername" class="text"/>
                    <br />
                    <span  class="validate" id="validate_user">请输入用户名!</span>
                </div>
                <div class="password">
                    密 码
                    <input runat="server" type="password" name="txtPassword" id="txtPassword" class="text"/>
                    <br />
                    <span class="validate" id="validate_pwd">请输入密码!</span>
                </div>
                <div class="login_btn">
                   <asp:Button runat="server" ID="btnLogin" Text="登 录" onclick="btnLogin_Click" CssClass="btn" OnClientClick="return ValidateForm();" />
                   <input type="button" value="清 空" class="btn" onclick="ClearForm();" />
                   </div>
            </div>
             <div class="center_bottom">
            </div>
        </div>
        <div class="bottom">
            <div class="bottom_left">
            <div>
            版本信息
               </div>
            </div>
             <div class="bottom_right">
             采购配送后台管理系统 2013 v1.0
            </div>
        </div>
    </div>
    </form>
</body>
</html>
